<!-- eslint-disable vue/no-v-html -->
<template>
  <antCardBody :userSaveData="dataFilter" />
</template>

<script setup lang="ts">
import antCardBody from './components/ant-card-body.vue'
// 应获取的数据
const userSaveData = [
  {
    time: '2023-10-25 16.39.30',
    isCollectible: false,
    htmlData: '<p>1</p><p>1</p>'
  },
  {
    time: '2023-10-26 16.39.30',
    isCollectible: true,
    htmlData: '<p>2</p><p>2</p>'
  }
]
// 筛选出未收藏的
const dataFilter = userSaveData.filter((item) => {
  if (item.isCollectible) return item
})
console.log(dataFilter)
</script>
